﻿@using PhoneStoreWeb.Areas.Admin

@model PhoneStoreWeb.Models.Product

@{
    ViewBag.Title = "Create";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}

<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat">
    <!--  start nav-outer -->
    <div class="nav-outer">

        <!-- start nav-right -->
        <div id="nav-right">

            <div class="nav-divider">&nbsp;</div>
            <div class="showhide-account">
                <img src="~/Areas/Admin/Images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
            <div class="nav-divider">&nbsp;</div>
            <a href="" id="logout">
                <img src="~/Areas/Admin/Images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
            <div class="clear">&nbsp;</div>

            <!--  start account-content -->
            <div class="account-content">
                <div class="account-drop-inner">
                    <a href="" id="acc-settings">Settings</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-details">Personal details </a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-project">Project details</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-inbox">Inbox</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-stats">Statistics</a>
                </div>
            </div>
            <!--  end account-content -->

        </div>
        <!-- end nav-right -->


        <!--  start nav -->
        <div class="nav">
            <div class="table">

                <ul class="select">
                    <li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Dashboard Details 1</a></li>
                                <li><a href="#nogo">Dashboard Details 2</a></li>
                                <li><a href="#nogo">Dashboard Details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="current">
                    <li><a href="#nogo"><b>Mặt hàng</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub show">
                            <ul class="sub">
                                <li><a href="~/Admin/Product/Index">Danh sách</a></li>
                                <li class="sub_show"><a href="~/Admin/Product/Create">Thêm</a></li>
                                <li><a href="#nogo">Xóa</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Categories Details 1</a></li>
                                <li><a href="#nogo">Categories Details 2</a></li>
                                <li><a href="#nogo">Categories Details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Clients Details 1</a></li>
                                <li><a href="#nogo">Clients Details 2</a></li>
                                <li><a href="#nogo">Clients Details 3</a></li>

                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">News details 1</a></li>
                                <li><a href="#nogo">News details 2</a></li>
                                <li><a href="#nogo">News details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <!--  start nav -->

    </div>
    <div class="clear"></div>
    <!--  start nav-outer -->
</div>


<!-- start nav-outer-repeat................................................... END -->

<div class="clear"></div>
<!-- start content-outer -->
<div id="content-outer">
    <!-- start content -->
    <div id="content">
        <div id="page-heading">
            <h1>Thêm sản phẩm</h1>
        </div>
        <table border="0" id="content-table">
            <tr>
                <th rowspan="3" class="sized">
                    <img src="~/Areas/Admin/Images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                <th class="topleft"></th>
                <td id="tbl-border-top">&nbsp;</td>
                <th class="topright"></th>
                <th rowspan="3" class="sized">
                    <img src="~/Areas/Admin/Images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
            </tr>
            <tr>
                <td id="tbl-border-left"></td>
                <td>
                    <!-- start content-table-inner -->
                    <div id="content-table-inner">
                        <table border="0">
                            <tr>
                                <td>
                                    <!-- start step-holder -->
                                    <div id="step-holder">
                                        <div class="step-no">1</div>
                                        <div class="step-dark-left"><a href="">Thông tin chung</a></div>
                                        <div class="step-dark-right">&nbsp;</div>
                                        <div class="step-no-off">2</div>
                                        <div class="step-light-left">Thông tin chi tiết</div>
                                        <div class="step-light-right">&nbsp;</div>
                                        <div class="step-no-off">3</div>
                                        <div class="step-light-left">Kết quả</div>
                                        <div class="step-light-round">&nbsp;</div>
                                        <div class="clear"></div>
                                    </div>
                                    <!--  end step-holder -->

                                    <!-- start id-form -->

                                    @using (Html.BeginForm())
                                    {
                                        @Html.AntiForgeryToken()
                                        @Html.ValidationSummary(true)

                                        <!-- start id-form -->
                                        <table border="0" cellpadding="0" cellspacing="0" id="id-form">

                                            <tr>
                                                <th>Mã sản phẩm:</th>
                                                <td>@Html.TextBoxFor(model => model.ProductID, new { @class = "inp-form", @readonly = true, Value = ViewBag.GetLastProductID + 1 })</td>
                                            </tr>

                                            <tr>
                                                <th>Tên sản phẩm:</th>
                                                <td>@Html.TextBoxFor(model => model.Name, new { @class = "inp-form-error" })</td>
                                                <td>
                                                    <div class="error-left"></div>
                                                    <div class="error-inner">Thông tin bắt buộc.</div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <th>Phân loại:</th>
                                                <td>
                                                    @Html.DropDownList("CategoryID", (IEnumerable<SelectListItem>)ViewBag.CategoryID, new { @class = "styledselect_form_1" })
                                                </td>
                                                <td></td>
                                            </tr>

                                            <tr>
                                                <th>Nhà sản xuất:</th>
                                                <td>
                                                    @Html.DropDownList("ManufacturerID", (IEnumerable<SelectListItem>)ViewBag.ManufacturerID, new { @class = "styledselect_form_1" })
                                                </td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <th>Thời gian bảo hành:</th>
                                                <td>
                                                    <select name="WarrantyTime" class="styledselect_form_1">
                                                        <option value="12">12 Tháng</option>
                                                        <option value="24">24 Tháng</option>
                                                        <option value="36">36 Tháng</option>
                                                    </select>
                                                </td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <th>Giá:</th>
                                                <td>@Html.TextBoxFor(model => model.RetailPrice, new { @class = "inp-form-error" })</td>
                                                <td>
                                                    <div class="error-left"></div>
                                                    <div class="error-inner">Thông tin bắt buộc.</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Mô tả sản phẩm:</th>
                                                <td>@Html.TextAreaFor(model => model.Desciption, new { @class = "form-textarea" })</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <th>Hình ảnh:</th>
                                                <td>
                                                    <input name="ProductImage" type="file" class="file_1" /></td>
                                                <td>
                                                    <div class="bubble-left"></div>
                                                    <div class="bubble-inner">JPEG, GIF, PNG, ... Tối đa 5MB/Hình</div>
                                                    <div class="bubble-right"></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <td>
                                                    <input type="submit" value="Create" class="form-submit" />
                                                    <input type="reset" value="" class="form-reset" />                                                                                 
                                                    @Html.ActionLink(" ", "Edit", new { @class="form-submit", id="45" })
                                                    @*<input type="button" value="Edit" class="form-submit" onclick="location.href='@Url.Action( "Edit", new { id = @Model. })'"  />  *@                                                                                                                                            
                                                </td>
                                                <td></td>
                                            </tr>
                                        </table>                        
                                    }

                                    <!-- end id-form -->
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="~/Areas/Admin/Images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
                                <td></td>
                            </tr>
                        </table>
                        <div class="clear"></div>
                    </div>
                    <!-- end content-table-inner -->
                </td>
                <td id="tbl-border-right"></td>
            </tr>
            <tr>
                <th class="sized bottomleft"></th>
                <td id="tbl-border-bottom">&nbsp;</td>
                <th class="sized bottomright"></th>
            </tr>
        </table>
        <div class="clear">&nbsp;</div>
    </div>
    <!-- end content -->
    <div class="clear">&nbsp;</div>
</div>

<!-- end content-outer -->


